<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="./index.css" />
    <title>我改了一下标题</title>
  </head>

  <body>
    <!-- 警告框 -->
    <div class="alert info-box">操作结果</div>
    <!-- 登录页面 -->
    <div class="login-wrap">
      <div class="title">黑马头条</div>
      <div>
        <form class="login-form">
          <div class="item">
            <input
              type="text"
              class="form-control"
              name="mobile"
              placeholder="请输入手机号"
              value="17727141939"
            />
          </div>
          <div class="item">
            <input
              type="text"
              class="form-control"
              name="code"
              placeholder="默认验证码246810"
              value="246810"
            />
          </div>
          <div class="item">
            <button type="button" class="btn btn-primary btn">登 录</button>
          </div>
        </form>
      </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.4/axios.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>
    <script src="../../lib/form-serialize.js"></script>
    <script src="../../utils/request.js"></script>
    <script src="../../utils/alert.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
